
<div class="d-flex justify-content-between align-items-center w-100 my-3">

  <div class="searchbox">

    <app-filter (filterList)="filterList($event)">
    </app-filter>

  </div>

  <div class="d-flex justify-content-end button-row align-items-center w-100">

    <button
      mat-flat-button
      color="primary"
      (click)="tab === 'user' ? createNewUser() : createNewRole()">
      Add {{tab}}
    </button>

  </div>
</div>